<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta content="yes" name="apple-mobile-web-app-capable">
	    <meta name="viewport" content="width=device-width,height=device-height,maximum-scale=1.0,user-scalable=no">
	    <meta name="format-detection" content="telephone=no" />
	    <meta name="screen-orientation" content="portrait">
	    <meta name="x5-orientation" content="portrait">
	    <meta name="App-Config" content="fullscreen=yes,useHistoryState=yes,transition=yes">
		<title>首页</title>
		<link rel="stylesheet" href="../../lib/swiper.min.css" />
		<link rel="stylesheet" href="../../css/index.css" />
		<script>
			if((document.documentElement.clientWidth/7.5)>60){
				document.documentElement.style.fontSize='60px';
			}else{
				document.documentElement.style.fontSize = document.documentElement.clientWidth/7.5 + 'px';
			}
			window.addEventListener('resize',function(){
				if((document.documentElement.clientWidth/7.5)>60){
					document.documentElement.style.fontSize='60px';
				}else{
					document.documentElement.style.fontSize = document.documentElement.clientWidth/7.5 + 'px';
				}
			});
		</script>
	</head>
	<body>
		<header class="swiper-container banner">
            <div class="swiper-wrapper">
                <div class="swiper-slide">
	                <a href='javascript:;'>
	                    <img src='../../img/banner_2.jpg' />
	                </a>
	            </div>
	            <div class="swiper-slide">
	                <a href='javascript:;'>
	                    <img src='../../img/banner_1.jpg' />
	                </a>
	            </div>
	            <div class="swiper-slide">
	                <a href='javascript:;'>
	                    <img src='../../img/banner_3.jpg' />
	                </a>
	            </div>
            </div>
            <div class="swiper-pagination"></div>
        </header>
        
        <div class='flex flexWrap spaceBetween content'>
        	<div class='list btn_firebrick'>
				<a href="buyCourse.html"><img class='listIcon' src="../../img/icon/jianshen_2.png" />
        		<span class='listText'>课程购买</span></a>
        	</div>
        	<div class='list flex flexWrap spaceBetween'>
        		<div class='listChild'>
	        		<img class="bigImg" src='../../img/banner_4.jpg' />
	        	</div>
	        	<div class='listChild btn_yellowgreen'>
					<a href="bookCourse.html">
	        		<img class='listChildIcon' src="../../img/icon/class_2.png" />
						<span class='listChildText'>课程预约</span></a>
	        	</div>
	        	<div class='listChild mt10 btn_darkorange'>
                    <a href="buyCard.html">
                        <img class='listChildIcon' src="../../img/icon/card_2.png" />
                        <span class='listChildText'>购卡</span>
                    </a>
	        	</div>
	        	<div class='listChild mt10'>
	        		<img class="bigImg" src='../../img/banner_5.jpg' />
	        	</div>
        	</div>
        	<div class='list'>
        		<img class="bigImg" src='../../img/banner_6.jpg' />
        	</div>
        	<div class='list'>
        		<img class="bigImg" src='../../img/banner_4.jpg' />
        	</div>
        	<div class='list bac_peru'>
				<a href="bookedCourse.html"><img class='listIcon' src="../../img/icon/yuyue_2.png" />
					<span class='listText'>我的预约</span></a>
        	</div>
        	<div class='list flex flexWrap spaceBetween'>       		
	        	<div class='listChild bac_rosybrown'>
					<a href="leave.html">
	        		<img class='listChildIcon' src="../../img/icon/qingjia_2.png" />
	        		<span class='listChildText'>请假</span></a>
	        	</div>
	        	<div class='listChild'>
	        		<img class="bigImg" src='../../img/banner_1.jpg' />
	        	</div>
	        	<div class='listChild mt10'>
	        		<img class="bigImg" src='../../img/banner_3.jpg' />
	        	</div>
	        	<div class='listChild mt10 btn_lightslategrey'>
	        		<img class='listChildIcon' src="../../img/icon/member_2.png" />
	        		<span class='listChildText'>入场</span>
	        	</div>
	        	
        	</div>
        	        	
        </div>
        
        <div class="mar56"></div>
	</body>	
	<script type="text/javascript" src="../../lib/jquery-3.1.1.min.js" ></script>
	<script type="text/javascript" src="../../lib/swiper.min.js" ></script>
	<script type="text/javascript" src="../../js/common/memberFooter.js" ></script>
	<script type="text/jscript" src="../../js/index.js"></script>
</html>
